import { formatDuring } from '@/utils';
import useSyncState from '@/views/hooks/useSyncState';
import styled from '@emotion/styled';
import React, { useEffect } from 'react';
import { useTranslation } from 'react-i18next';

const ArrangeContainer = styled.div`
	/* width: 306px; */
	height: 30px;
	background: #1e223a;
	border-radius: 6px;
`;

const Content = styled.div`
	padding: 8px 16px;
	height: 100%;
	width: 100%;
	display: flex;
	.time {
		font-size: 14px;
		color: #dee3fb;
		display: flex;
		height: 100%;
		align-items: center;
	}
`;

const index = () => {
	const { t } = useTranslation();

	return (
		<ArrangeContainer>
			<Content>
				<div className="time">
					{t('work-arrange')}
				</div>
			</Content>
		</ArrangeContainer>
	);
};

export default index;
